<style>
.fui-tab a{
    color: #eee;
}
.fui-tab:after {
    height: 0;
    background: none;
}
.fui-tab.fui-tab-success a.active {
    color: #fff;
	font-weight:bold;
}
.banyuan{
	padding:0.5rem;
	height: 7rem;
	border-radius: 7rem 7rem 0 0;
	border: 4px solid #f60;
}
</style>
<div class="fui-page fui-page-current page-commission-down">
    <div class="fui-content">
		<div style="background: {{main.syscolor||'#05c175'}};padding:0.5rem;margin-top:0;padding-bottom:1.6rem;height:5rem">
		<div class="fui-tab fui-tab-success" style="background:none">
			<a ng-class="{'active':pagedata.params.status==0}" href="javascript:;" ng-click="pagedata.params.status=0;tool.get_list('jy_shopworker/feelog/list/',true)">待审核</a>
			<a ng-class="{'active':pagedata.params.status==1}" href="javascript:;" ng-click="pagedata.params.status=1;tool.get_list('jy_shopworker/feelog/list/',true)">通过</a>
			<a ng-class="{'active':pagedata.params.status==2}" href="javascript:;" ng-click="pagedata.params.status=2;tool.get_list('jy_shopworker/feelog/list/',true)">不通过</a>
			<a ng-class="{'active':pagedata.params.status==3}" href="javascript:;" ng-click="pagedata.params.status=3;tool.get_list('jy_shopworker/feelog/list/',true)">待发放</a>
			<a ng-class="{'active':pagedata.params.status==4}" href="javascript:;" ng-click="pagedata.params.status=4;tool.get_list('jy_shopworker/feelog/list/',true)">已发放</a>
		</div>
		 </div>
		 <div style="padding:0.5rem;margin-top:-2.3rem">
		 <div class="fui-cell-group radius" style='margin-top:0px;'>
			<div class='fui-cell-title' style='padding:1rem 3rem;padding-bottom:0'>
				<div class="banyuan c">
					<div style="font-size:0.65rem;padding-top:0.3rem"><span class="syscolor">●</span> 累计薪资</div>
					<div>{{pagedata.data.inall || '0.00'}}</div>
					<div style="font-size:0.65rem;padding-top:0.6rem"><span class="syscolor">●</span> 累计发放次数</div>
					<div class="bold" style="font-size:1rem">{{pagedata.data.inallnum || '0.00'}}</div>
				</div>
				<div style='background:#fff;height:1.2rem;margin-top:-1rem'></div>
			</div>
			<div class="fui-icon-group noborder  col-3" style="padding-top:0;margin-top:-1.3rem;padding-bottom:0.5rem">
				<div class="fui-icon-col-sm external" style="margin:0">
								<div>
									<div class=" bold syscolor" style="line-height:1.6rem;font-size:0.8rem">{{pagedata.data.inday || '0.00'}}</div>
									<div class="subtitle" style="font-size:0.7rem;">上月薪资</div>
								</div>
					</div>
					<div class="fui-icon-col-sm external" style="margin:0">
								<div>
									<div class=" bold syscolor" style="line-height:1.6rem;font-size:0.8rem">{{pagedata.worker.feeinfo.jifee || '0.00'}}</div>
									<div class="subtitle" style="font-size:0.7rem;">基本薪资</div>
								</div>
					</div>
					<div class="fui-icon-col-sm external" style="margin:0">
								<div>
									<div class=" bold syscolor" style="line-height:1.6rem;font-size:0.8rem">{{pagedata.data.inall || '0.00'}}</div>
									<div class="subtitle" style="font-size:0.7rem;">累计薪资</div>
								</div>
					</div>
			</div>
        </div>
        <div ng-repeat="item in pagedata.list track by item.id" class="fui-list-group" id="container" >
			<div class="fui-list" style="height: auto">
				<div class="fui-list-inner">
					<div class="row">
						 <div class="row-text bold"> 
						{{item.month}} <span style="font-size:0.6rem">{{item.group2idtitle}}</span>
						  </div>
					</div>
					<div class="subtitle bold" style="font-size: .65rem;">
						实付:￥{{item.payfee}} 考勤:{{item.kaoqingday}}天
					</div>
					<div style="font-size: .55rem;">工资总额:{{item.feeinfo.newgzfee||0}},提成:{{item.feeinfo.newtcfee||0}},绩效:{{item.feeinfo.newyjfee||0}},出勤奖励:{{item.feeinfo.newkqfee||0}}</div>
					<div ng-if="item.status==2 && item.failremark" class="subtitle" style="font-size: .55rem;">
						失败原因：<span class="syscolor">{{item.failremark}}</span>
					</div>
					<div ng-if="item.status==0 || item.status==2" class="subtitle">
						<span href="javascript:;" ng-click="pagedata.itemid=item.id;pagedata.showkaoday=true" class="label label-success sysbgcolor">录入考勤天数</span>
					</div>
				</div>
				<div class="row-remark">
					<div class="syscolor" style="font-size: .65rem;">{{item.statustitle}}</div>
					<div href="javascript:;" ng-click="pagedata.nowitem=item;pagedata.showfeeinfo=true" class="label label-success sysbgcolor">明细</div>
				</div>
			</div>
		</div>
		<div class='infinite-loading' style="display:none" id="loading_show"><span class='fui-preloader'></span><span class='text'> 正在加载...</span></div>
		<div ng-if="pagedata.list.length==0" class='content-empty' >
			<i class="icon jinyunicon icon-cry" style="width: 6rem;margin-bottom: 0.5rem;"></i>
			<br/>
			<p style="color: #999;font-size: .75rem">暂时没有任何数据</p>
		</div>
	</div>
	<div ng-include="sys_html('common/_copyright',true)"></div>
    </div>
</div>
<div ng-include="sys_html('_footer')"></div>
<div ng-if="pagedata.showkaoday" class="popup">
	<div class="popup-body">
		<div class="popup-center" style="background:#fc6d60">
			<style>
				input{ caret-color: #fff}
				.fui-cell-group .fui-cell .fui-cell-info  ::-webkit-input-placeholder{
					color: #fff
				}
				.fui-cell-group .fui-cell .fui-cell-info {
					font-size: 0.85rem;
					color: #fff;
				}
			</style>
			<i class="closed icon icon-cuowu" ng-click="pagedata.showkaoday=false"></i>
			 <div class='fui-cell-group fui-cell-group-o' style="margin:0.5rem 2rem;padding-top:0.5rem;background:#fc6d60">
				<div class='fui-cell-title c' style="color:#fff">您正在进行[考勤天数]录入操作</div>
				<div class='fui-cell'>
					<div class='fui-cell-label big' style='width:auto;color:#fff'><i class="icon icon-dixiaofei" style="font-size:0.8rem"></i></div>
					<div class='fui-cell-info'><input type='text' class='fui-input' placeholder="当月实际考勤天数" ng-model="pagedata.post.kaoqingday"></div>
				</div>
			</div>
			<div class="weui_btn_area" style="margin:2rem;">
				<a class='weui_btn weui_btn_primary' style="border-radius:1rem;background-color:#fff;color:#fc6d60" ng-click="post({},'jy_shopworker/feelog/kaoqingday/id='+pagedata.itemid+'&kaoqingday='+pagedata.post.kaoqingday)">确认提交</a>
			</div>
		</div>
	</div>
</div>
<div ng-if="pagedata.showfeeinfo" class="popup">
	<div class="popup-body">
		<div class="popup-center" style="background:#fc6d60">
			<style>
				input{ caret-color: #fff}
				.fui-cell-group .fui-cell .fui-cell-info  ::-webkit-input-placeholder{
					color: #fff
				}
				.fui-cell-group .fui-cell .fui-cell-info {
					font-size: 0.65rem;
					color: #fff;
				}
				.fui-cell-group .fui-cell.sm{
					font-size: 0.65rem;
					padding: 0.3rem;
				}
			</style>
			<i class="closed icon icon-cuowu" ng-click="pagedata.showfeeinfo=false"></i>
			 <div class='fui-cell-group fui-cell-group-o' style="margin:0.5rem;padding-top:0;background:#fc6d60;overflow-y:scroll;height:22rem">
				<div class='fui-cell-title c bold' style="color:#fff">{{pagedata.nowitem.month}}薪资明细</div>
				<div class='fui-cell-title c' style="color:#fff;padding-top:0">应付工资:{{pagedata.nowitem.fee}},实发工资:{{pagedata.nowitem.payfee}}</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>职位</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.group2idtitle}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>总考勤天数</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.allkaoqingday || 0}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>出勤天数</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.kaoqingday || 0}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>基本工资</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.jifee || '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>出勤奖励</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.newkqfee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>补助绩效</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.newbzfee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>业绩绩效</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.newyjfee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>提成工资</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.newtcfee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm bold'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>工资总额</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.newgzfee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>社保-养老</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.she1fee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>社保-医疗</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.she2fee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>社保-失业</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.she3fee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>公积金</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.gjjfee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>应扣个税</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.newsuifee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>应扣费用</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.morekoufee|| '0.00'}}</div>
				</div>
				<div class='fui-cell sm'>
					<div class='fui-cell-label' style='width:auto;color:#fff'>额外加费</div>
					<div class='fui-cell-info r'>{{pagedata.nowitem.feeinfo.moreaddfee|| '0.00'}}</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script>
scope.tool.get_list('jy_shopworker/feelog/list/',true);
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_shopworker/feelog/list/');
}
</script>

